<template>
	<!-- 浏览记录组件 -->
	<view class="wrap">
		<view class="flex-col section_3">
		  <view class="flex-row">
		    <image
		      src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321886d32e90012f09dc4/16240632357078987519.png"
		      class="image_10"
		    />
		    <text class="text_9">我的浏览记录</text>
		  </view>
		  <view class="flex-row group_7" @click="myCollection()">
		    <image
		      src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321886d32e90012f09dc4/16240632328709050413.png"
		      class="image_11"
		    />
		    <text class="text_10">我的收藏</text>
		  </view>
		  <view class="flex-row group_8">
		    <image
		      src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/5eedc9543259190011441867/60c321886d32e90012f09dc4/16240632357080184657.png"
		      class="image_12"
		    />
		    <text class="text_11">我的预约</text>
		  </view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			myCollection(){
				this.$u.route({
					url:'pages/Collection/Collection'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.section_3 {
	  margin-top: 32rpx;
	  padding: 26rpx 40rpx;
	  color: rgb(0, 0, 0);
	  font-size: 34rpx;
	  line-height: 48rpx;
	  white-space: nowrap;
	  background-color: rgb(255, 255, 255);
	}
	.group_7 {
	  margin-top: 52rpx;
	  padding: 0 2rpx;
	}
	.group_8 {
	  margin-top: 52rpx;
	  padding: 0 4rpx;
	}
	.image_10 {
	  margin: 10rpx 0 8rpx;
	  width: 48rpx;
	  height: 30rpx;
	}
	.text_9 {
	  margin-left: 32rpx;
	}
	.image_11 {
	  margin: 4rpx 0 2rpx;
	  width: 44rpx;
	  height: 42rpx;
	}
	.text_10 {
	  margin-left: 34rpx;
	}
	.image_12 {
	  width: 40rpx;
	  height: 46rpx;
	}
	.text_11 {
	  margin-left: 36rpx;
	}
</style>
